<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<style type="text/css">
	select{
		width:100px;
		height:150px;
	}
</style>
<body>
<!-- <h1>000000000000001</h1>
<h1>000000000000002</h1>
<h1>000000000000003</h1>
<h1>000000000000004</h1>
<h1>000000000000005</h1>
<h1>000000000000006</h1> -->



<!-- <h1>linux</h1>
<p>assembled upon the deck; present Bruce, Arthur, Bart, Tom, Phil, Pat, Captain Corbet, Wade, and Solomon, Bruce being in the chair—that is to say, on the taffrail. “All you that are in favor of going home, say ‘Ay’,” said Bruce.</p>
<h1>linux</h1>
<p>assembled upon the deck; present Bruce, Arthur, Bart, Tom, Phil, Pat, Captain Corbet, Wade, and Solomon, Bruce being in the chair—that is to say, on the taffrail. “All you that are in favor of going home, say ‘Ay’,” said Bruce.</p>
<h1>linux</h1>
<p>assembled upon the deck; present Bruce, Arthur, Bart, Tom, Phil, Pat, Captain Corbet, Wade, and Solomon, Bruce being in the chair—that is to say, on the taffrail. “All you that are in favor of going home, say ‘Ay’,” said Bruce.</p>
<h1>linux</h1>
<p>assembled upon the deck; present Bruce, Arthur, Bart, Tom, Phil, Pat, Captain Corbet, Wade, and Solomon, Bruce being in the chair—that is to say, on the taffrail. “All you that are in favor of going home, say ‘Ay’,” said Bruce.</p>
<h1>linux</h1>
<p>assembled upon the deck; present Bruce, Arthur, Bart, Tom, Phil, Pat, Captain Corbet, Wade, and Solomon, Bruce being in the chair—that is to say, on the taffrail. “All you that are in favor of going home, say ‘Ay’,” said Bruce.</p> -->



<!-- 
<form>
	<h1>choose:</h1>
	<p><label><input type="checkbox" name="">篮球</label></p>
	<p><label><input type="checkbox" name="">足球</label></p>
	<p><label><input type="checkbox" name="">乒乓球</label></p>
	<p><label><input type="checkbox" name="">羽毛球</label></p>
	<p><label><input type="checkbox" name="">篮球</label></p>
	<p><label><input type="checkbox" name="">篮球</label></p>
	<p><label><input type="checkbox" name="">篮球</label></p>
</form>
<p>
	<button id='all'>全选</button>
	<button id='notall'>全不选</button>
	<button id='uall'>反选</button>
</p>
 -->

<!-- <form action='javascript:'>
	<h1>choose</h1>
	<select id='s1' size='2'>
		
		<option>apple</option>
		<option>orange</option>
		<option>purple</option>
		<option>potato</option>
		<option>tomato</option>
		<option>straberry</option>
		<option>watermelon</option>
	</select>
	<input type="button" value=">>" id='btn'>
		<select id='s2' size='2'>
		</select>
</form> -->



</body>
<script type="text/javascript">



	// objs=document.getElementsByTagName('h1');
	// for(i=0;i<objs.length;i++){
	// objs[i].onmouseenter=function(){
	// 	this.style.background='#ccc';
	// }
	// objs[i].onmouseleave=function(){
	// 	this.style.background='#fff';
	// }		
	// }





// objs=document.getElementsByTagName('h1');
// for(i=0;i<objs.length;i++){
// 	objs[i].setAttribute('num',0);
// 	objs[i].onclick=function(){
// 		num=parseInt(this.getAttribute('num'));
// 		if(num%2==0){
// 			this.style.background='#ccc';
// 		}else{
// 			this.style.background='#fff';
// 		}
// 		this.setAttribute('num',num+1);
// 	}
// }






// objs=document.getElementsByTagName('h1');
// for(i=0;i<objs.length;i++){
// objs[i].setAttribute('num',i+1);
// objs[i].onclick=function(){
// 	this.innerHTML=this.getAttribute('num');
// }
// }





// objs=document.getElementsByTagName('h1');
// ps=document.getElementsByTagName('p');

// for(i=0;i<objs.length;i++){
// 	objs[i].setAttribute('num',0);
// 	objs[i].setAttribute('line',i);
// 	ps[i].id=i;
// 	objs[i].onclick=function(){
// 		num=parseInt(this.getAttribute('num'));
// 		line=this.getAttribute('line');
// 		np=document.getElementById(line);
// 		if(num%2==0){
// 			np.style.display='none';
// 		}else{
// 			np.style.display='block';
// 		}
// 		this.getAttribute('num',num+1);
// 	}
// }







// all=document.getElementById('all');
// notall=document.getElementById('notall');
// uall=document.getElementById('uall');
// objs=document.getElementsByTagName('input');


// all.onclick=function(){
// 	for(i=0;i<objs.length;i++){
// 		objs[i].checked=true;
// 	}
// }
// notall.onclick=function(){
// 	for(i=0;i<objs.length;i++){
// 		objs[i].checked=false;
// 	}
// }

// uall.onclick=function(){
// 	for(i=0;i<objs.length;i++){
// 		objs[i].checked=!objs[i].checked;
// 		// objs[i].checked=objs[i].checked?false:true;
// 	// 	if(objs[i].checked){
// 	// 		objs[i].checked=false;
// 	// 	}else{
// 	// 			objs[i].checked=true;	
// 	// 	}
// 	}
// }



// s1=document.getElementById('s1');
// s2=document.getElementById('s2');
// btn=document.getElementById('btn');
// opts=s1.options;

// btn.onclick=function(){
// idx=s1.selectedIndex;
// s2.innerHTML+=opts[idx].outerHTML;
// // s2.add(opts[idx]);
// }
</script>
</html>